body {
  margin : 0;
  padding : 0;

  overflow : hidden;
}
html {
  margin : 0;
  padding : 0;

  overflow : hidden;
}
* {
  margin : 0;
  padding : 0;

  outline : none;
}

#app {
/**background-color: #0b1f41;
  color: white;**/
  width : 100vw;
  height : 100vh;

  font-family : '微软雅黑' !important;

  text-align : center;

/* background-color: #10aaa1; */
  /* background: url(../img/backs.png) no-repeat; */
  /* background-size: contain; */

  display : flex;

/* justify-content:center; */
  align-items : center;

  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

.flex_left {
  display : flex;
  align-items : center;
  justify-content : flex-start;
}
.flex_center {
  display : flex;
  align-items : center;
  justify-content : center;
}
.flex_right {
  display : flex;
  align-items : center;
  justify-content : flex-end;
}
.flex_between {
  display : flex;
  align-items : center;
  justify-content : space-between;
}
.flex_around {
  display : flex;
  align-items : center;
  justify-content : space-around;
}
.appheader {
  position : absolute;
  top : 0;
  left : 0;

  width : 100%;
  height : 10vh;

  background : white;
}
.appheader .logo {
  width : 100px;
  height : 10vh;

  line-height : 10vh;
}
.appheader .subject {
  height : 10vh;

  font-size : 30px;
  font-weight : bold;
  line-height : 10vh;

  color : #10AAA1;
}
.appfooter {
  position : absolute;
  bottom : 0;
  left : 0;

  width : 100%;
  height : 5vh;

  font-size : 15px;
  line-height : 5vh;

  background : white;
}

.errbox {
  display : flex;
  align-items : center;
  flex-direction : column;
  justify-content : center;
}
.errbox .errImg {
  width : 250px;
  height : 250px;

  background : url(../img/err.png) no-repeat;
}
.errbox .errTxt {
  width : 100%;
  height : 60px;

  line-height : 30px;

  text-align : center;

  color : #A6A6A6;
}

.loginbox {
  width : 400px;

  border-radius : 10px;
  background-color : white;
}
.loginbox .wrap {
  width : 100%;
}
.userSideTabs {
  width : 100%;
  height : 76px;

  display : flex;
  align-items : center;
  justify-content : space-around;

  border-bottom : 1px solid #DDDDDD;
}
.userSideTabs .tab {
  width : 100px;
  height : 74px;

  font-size : 20px;
  font-weight : bold;
  line-height : 90px;

  cursor : pointer;
  user-select : none;

  color : #DDDDDD;
  border-bottom : 0px solid #10AAA1;
}
.userSideTabs .active {
  color : #10AAA1;
  border-bottom : 2px solid #10AAA1;
}

.error {
  width : 80%;
  height : 40px;

  line-height : 40px;

  color : red;
}
.error .head {
  width : 20px;
  height : 40px;

  line-height : 40px;

  text-align : left;

  float : left;

  color : red;
}
.error .msg {
  width : 300px;
  height : 40px;

  font-size : 16px;

  text-align : left;

  float : left;
  overflow : hidden;

  color : red;
}
/* .row{
    width:100%;
    height:60px;
} */
.input {
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  width : 320px;
  height : 40px;
  margin : 9px auto;
  padding-right : 10px;
  padding-left : 40px;

  font-size : 18px;
  line-height : 40px;

  border-width : 1px;
  border-style : solid;
  border-color : #DDDDDD;
  border-radius : 4px;
}

.verifyinput {
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
  width : 200px;
  height : 40px;
  padding-right : 10px;
  padding-left : 40px;

  font-size : 18px;
  line-height : 40px;

  border-width : 1px;
  border-style : solid;
  border-color : #DDDDDD;
  border-top-left-radius : 4px;
  border-bottom-left-radius : 4px;
}
.inputErr {
  color : red;
  border-color : red;
}
.verifybtn {
  width : 120px;
  height : 40px;

  font-size : 18px;
  font-size : 14px;
  line-height : 40px;

  cursor : pointer;

  color : white;
  border : 0px;
  border-top-right-radius : 4px;
  border-bottom-right-radius : 4px;
  outline : none;
  background-color : #10AAA1;
}
.verifybtndisable {
  background-color : #85D4CF;
  /* cursor: ; */
}
/* 
.row .username {
}
.row .password {
}
.row .verify {
} */
.loginbtn {
  width : 320px;
  height : 40px;
  margin : 5px auto;
  padding : 0;

  font-size : 18px;

  cursor : pointer;

  color : white;
  border : 0px;
  border-radius : 20px;
  outline : none;

/* background-color: #10aaa1; */
  background : linear-gradient(87deg, #41BFB9 0%, #41B7B1 100%, #41B7B1 100%);
}
.loginbtn:hover {
  background : #41B7B1;
}
